<template>
    <div class="image-content">
        <img :src="fileUrl" />
    </div>
</template>

<script setup>
import { ref } from 'vue';
const props = defineProps({
    fileUrl: {
        type: [String, ArrayBuffer],
        default: ''
    }
});

const fileUrl = props.fileUrl;
const renderedHandler = () => {
};
const errorHandler = (error) => {
};
</script>

<style lang="scss" scoped>
.image-content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    overflow-y: auto;
    background-color: rgb(14, 14, 14);
}
img {
    max-width: 100%;
    display: block;
    -webkit-user-select: none;
    margin: auto;
    cursor: zoom-in;
    background-color: hsl(0, 0%, 90%);
    transition: background-color 300ms;
}
</style>

